{extend name="layout/common_layout" /}
{block name="body"}
    <!--tab标签-->
    <div class="layui-tab layui-tab-brief">
        <ul class="layui-tab-title">
            <li class=""><a href="{:url('admin/feedback/index')}">反馈管理</a></li>
            <li class="">详情</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <form class="layui-form form-container">
                    <div class="layui-form-item">
                        <label class="layui-form-label">用户信息：</label>
                        <div class="layui-input-block">
                            <input type="text"  value="用户名：{$detail.u_nickname} - 手机号：{$detail.u_phone}" readonly  lay-verify="required" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">联系方式：</label>
                        <div class="layui-input-block">
                            <input type="text" value="{$detail.f_phone}" readonly  lay-verify="required" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">内容：</label>
                        <div class="layui-input-block">
                            <textarea readonly  lay-verify="required" class="layui-input"> {$detail.f_content}</textarea>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">图集：</label>
                        <div class="layui-input-block">
                            {if condition="$detail['f_img'] != ''"}
                                {php}
                                    $arrimg = explode(',', $detail['f_img']);
                                    foreach($arrimg as $v) {
                                        echo "<img src=".$v." style='width: 200px; height: 200px;margin-left: 20px;' class='imgs'>";
                                    }
                                {/php}
                            {else/}
                                    没有说明图片
                            {/if}
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <p class="layui-btn"><a href="{:url('admin/feedback/index')}">确定</a></p>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
<img src="" alt=""  id="image" style="display: none; border-width:1px; border-style:solid; width: 500px; height: 500px; text-align:center;margin: 0px auto;">
{/block}
{block name="script"}
<script>
    $(".imgs").click(function(){
        var url = $(this).attr('src');
        $("#image").css('display', 'block').attr('src', url);
    })

    $("#image").click(function () {
        $("#image").css('display', 'none')
    })

</script>
{/block}